<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>



<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../../css/services/serviceDetail.css" type="text/css">
    <title>闲时网-${services.title}</title>

</head>

<body>
<%@ include file="../common/nav.jsp" %>

<div style="overflow: hidden;">
    <!-- 二级导航 - begin-->
    <div>
        <ul class="layui-nav" lay-filter="">
            <li class="layui-nav-item layui-this first-li"><a href="serviceList.jsp">全部服务</a></li>
            <li class="layui-nav-item"><a href="../demand/demandRelease.jsp">发布需求</a></li>
        </ul>
    </div>
    <!-- 二级导航 - end -->
    <div style="margin:0px 80px;">
        <!-- 面包屑导航 - begin -->
        <div style="padding: 20px 0px">
            <span>您的位置:</span>
            <span class="layui-breadcrumb" lay-separator=">">
                    <a href="/index.jsp">首页</a>
                    <a href="/services/serviceListView">全部服务</a>
                    <%--<a href="serviceList.jsp">${services.categoryId}</a>--%>
                    <a href=""><cite>${services.title}</cite></a>
                </span>
        </div>
        <!-- 面包屑导航 - end -->
        <div style="overflow: hidden">
            <!-- 服务卡片 - begin -->
            <div class="ser-card">
                <img src="${services.path}" height="400px" width="400px" style="float: left">
                <div class="ser-meg">
                    <h1 class="detalinfo-title">${services.title}</h1>
                    <dl class="detalinfo-server-row clearFix">
                        <dt class="fl">服务价格：</dt>
                        <dd class="fl detail-server-money">
                            <span><i>¥&nbsp;</i>${services.price}<span>&nbsp;/&nbsp;${services.chargetype}</span></span>&nbsp;&nbsp;
                        </dd>
                    </dl>
                    <dl class="detalinfo-server-row clearFix">
                        <dt class="fl">我的地点：</dt>
                        <dd class="fl color-black">${services.province}&nbsp;${services.city}&nbsp;${services.area}</dd>
                    </dl>
                    <dl class="detalinfo-server-row clearFix">
                        <dt class="fl">成交订单：</dt>
                        <dd class="fl color-blue">${services.count}</dd>
                    </dl>
                    <dl style="margin-bottom: 0">
                        <span>
                            <bottom id="gobook" class="layui-btn layui-btn-radius layui-btn-normal order-btn" data-toggle="modal" data-target="#myModal">预约服务</bottom>
                            <bottom id="alreadybook" class="layui-btn layui-btn-radius layui-btn-normal order-btn" style="background-color: #999;display: none">已预约</bottom>
                            <div class="pull-right" id="sc" onclick="change(1)">
                                <bottom class="layui-btn layui-btn-radius layui-btn-normal order-btn"
                                    onclick="Add(${services.id})">点击收藏
                                </bottom>
                            </div>
                            <div class="pull-right" id="ysc" onclick="change(2)" style="display: none;">
                                <bottom class="layui-btn layui-btn-radius layui-btn-normal order-btn"
                                    onclick="Del(${services.id})">取消收藏
                                </bottom>
                            </div>

                        </span>
                        <c:if test="${empty sessionScope.userinfoId}">
                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content"style="height:150px;width: 400px;text-align: center;margin:0 auto;">
                                        <div class="modal-body">
                                            <span>请您先登录</span>
                                            <div class="form-group">
                                                <div class="col-sm-offset-3 col-sm-10">
                                                    <a href="/client/loginView">
                                                        <button type="button" class='btn btn-info'
                                                            style="margin-right: 120px;margin-top: 50px;" >确认
                                                        </button>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal -->
                            </div>
                        </c:if>
                        <c:if test="${!empty sessionScope.userinfoId}">
                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-hidden="true">&times;
                                            </button>
                                            <h3 class="modal-title" id="myModalLabel">服务预约:</h3>
                                        </div>
                                        <div class="modal-body">
                                            <!--表单-->
                                            <form class="form-horizontal" role="form">
                                            <span id="userinfoId"
                                                  style="display: none">${sessionScope.userinfoId}</span>
                                                <span id="servicesId"
                                                      style="display: none">${services.id}</span>
                                                <div class="form-group has-feedback">
                                                    <label class="col-sm-2 control-label">手机号码:</label>
                                                    <div class="col-sm-10">
                                                        <input type="text" class="form-control" id="phone" name="phone"
                                                               placeholder="请输入手机号" onfocus="this.placeholder=''"
                                                               onblur="this.placeholder='请输入手机号'">
                                                    </div>
                                                </div>
                                                <div class="form-group has-feedback">
                                                    <label class="col-sm-2 control-label">需求描述:</label>
                                                    <div class="col-sm-10">
                                                        <textarea type="textarea" class="des-req"
                                                                  placeholder="请在1000字以内描述清楚您的需求"
                                                                  onfocus="this.placeholder=''"
                                                                  onblur="this.placeholder='请在1000字以内描述清楚您的需求'"
                                                                  name="intro" id="intro"></textarea>
                                                    </div>
                                                </div>
                                                <div class="form-group has-feedback">
                                                        <%--<span id="endTime" style="display: none" value="${services.endTime}"></span>--%>
                                                    <span id="endTime" style="display: none">${services.endTime}</span>
                                                    <label class="col-sm-2 control-label">选择时间:</label>
                                                    <div class="col-sm-5">
                                                        <c:if test="${services.chargetype == '月'}">
                                                            <span id="hdm" style="display: none">${services.price}</span>
                                                            <span id="ctype" style="display: none">1</span>
                                                            <input type="text" class="layui-input" id="test8"
                                                                   placeholder="请选择月份范围" onfocus="this.placeholder=''"
                                                                   onblur="this.placeholder='请选择月份范围'">
                                                        </c:if>
                                                        <c:if test="${services.chargetype == '天'}">
                                                            <span id="hdm" style="display: none">${services.price}</span>
                                                            <span id="ctype" style="display: none">2</span>
                                                            <input type="text" class="layui-input" id="test6"
                                                                   placeholder="请选择天数范围" onfocus="this.placeholder=''"
                                                                   onblur="this.placeholder='请选择天数范围'">
                                                        </c:if>
                                                        <c:if test="${services.chargetype == '小时'}">
                                                            <span id="hdm" style="display: none">${services.price}</span>
                                                            <span id="ctype" style="display: none">3</span>
                                                            <input type="text" class="layui-input" id="test10"
                                                                   placeholder="请选择小时范围" onfocus="this.placeholder=''"
                                                                   onblur="this.placeholder='请选择小时范围'">
                                                        </c:if>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label">总计费用:</label>
                                                    <div style="margin-top: 7px">
                                                        <span style="color: #ff910e; margin-left: 15px" >¥</span><span id="sum" style="color: #ff910e;"></span>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-sm-offset-3 col-sm-10">
                                                        <button type="button" class='btn btn-info'
                                                                style="margin-right: 100px" id="book">确认预约
                                                        </button>
                                                        <button type="cancel" class="btn btn-danger">取消</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal -->
                            </div>
                        </c:if>
                    </dl>
                </div>

            </div>

            <!-- 服务卡片 - end -->
            <!-- 发布服务人的卡片 - begin -->
            <div class="per-card">
                <div class="ser-tx" style="">
                    <a href="/services/serHomePage?serId=${userinfo.id}"><img src="${picture.path}" class="ser-picture"></a>
                </div>
                <h6 class="nikeName">
                    <a href="/services/serHomePage?serId=${userinfo.id}" style="font-size: 20px;text-decoration: none">${userinfo.name}</a>
                </h6>
                <div class="credit">
                    <span class="layui-icon layui-icon-auz">信用较好</span>
                </div>
                <div class="realname">
                    <c:if test="${userinfo.status == 1}">
                        <div class="mailicon see"></div>
                        <br>
                        <span>已实名认证</span>
                    </c:if>
                    <c:if test="${userinfo.status != 1}">
                        <div class="mailicon unsee"></div>
                        <br>
                        <span>未实名认证</span>
                    </c:if>
                </div>
            </div>
            <!-- 发布服务人的卡片 - end -->
        </div>
        <div></div>
        <div class="ser-intro">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this"><a href="#describe">服务描述</a></li>
                    <li><a href="#comment">累计评价</a></li>
                    <li><a href="#process">交易流程</a></li>
                </ul>
                <div class="layui-tab-content" id="describe">
                    <h2>服务介绍</h2>
                    <span>${services.intro}</span>
                    <%--<img src="../../imgs/xnh.jpg" alt="">--%>
                </div>

                <%--============================================================================--%>

                <!-- 评论 - begin -->
                <!-- 评论 - begin -->
                <div class="layui-tab-content comment" id="comment">
                    <h2 class="comment-header">服务评价</h2>
                    <div class="comment-div">
                        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                            <ul class="layui-tab-title">
                                <li class="layui-this" id="third-1">全部</li>
                                <li>好评</li>
                                <li>中评</li>
                                <li>差评</li>
                            </ul>
                            <div class="layui-tab-content">
                                <!--总 -->
                                <div class="layui-tab-item layui-show">
                                    <!-- 循环 -->
                                    <c:forEach items="${requestScope.commentVoList}" var="c">
                                        <div class="comment-list" id="zong">
                                            <img class="comment-picture" src="../../imgs/index_head.PNG" alt="图片加载失败!">
                                            <span class="name" id="h3">${c.name}</span>
                                            <span class="comment-date">

                                                <fmt:formatDate value="${c.time}" pattern="yyyy-MM-dd　HH：mm"/>
</span><br>
                                            <div class="comment-content">
                                                <span>${c.content}</span>
                                            </div>
                                            <div class="comment-btns">
                                                <div class="comment-btn">
                                                    <c:if test="${!empty sessionScope.userId}">
                                                        <button type="button"
                                                                class="layui-btn layui-btn-xs layui-btn-warm"
                                                                id="cs${c.id}" onclick="onClick(${c.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">点赞
                                                    </span>
                                                        </button>

                                                        <button type="button"
                                                                class="layui-btn layui-btn-xs layui-btn-warm"
                                                                id="cs2${c.id}" style="display:none;" onclick1="onClick(${c.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">已点赞
                                                    </span>
                                                            <span style="display:none;" id="d">${c.id}
                                                    </span>
                                                        </button>
                                                    </c:if>
                                                    <c:if test="${empty sessionScope.userId}">
                                                        <button type="button" class="layui-btn layui-btn-xs layui-btn-warm"
                                                                id="cs2" onclick="onClick1(${c.id})" >

                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">点赞
                                                    </span>
                                                        </button>
                                                    </c:if>
                                                    <span id="span${c.id}">
                                                        &nbsp;&nbsp;${c.counts}
                                                        </span>
                                                </div>
                                                <%--<div class="comment-btn">--%>
                                                    <%--<button type="button"--%>
                                                            <%--class="layui-btn layui-btn-xs layui-btn-warm" id="xianshi">--%>
                                            <%--<span class="layui-icon layui-icon-reply-fill "--%>
                                                  <%--style="font-size: 12px">评论</span>--%>
                                                    <%--</button>--%>
                                                <%--</div>--%>
                                                <%--id=<%=u.getId() onclink="method('"<%=u.getId()%>"')"--%>
                                                <div class="comment-btn">

                                                    <button type="button"
                                                            class="layui-btn layui-btn-xs layui-btn-warm" id="xianshi">
                                            <span class="layui-icon layui-icon-reply-fill "
                                                  style="font-size: 12px" onclick="p${c.id}">评论</span>
                                                    </button>
                                                </div>
                                                <c:if test="${c.id == 1}">
                                                <div class="comment-list" style="marign-left:50px;margin-top:100px;" style="display:none;"
                                               id = "huifu" >
                                                        <%--id="huifu--%>
                                                        <%--<c:if test="${!empty com.id}">--%>
                                                    <c:forEach items="${requestScope.answer1}" var="a">
                                                        <img class="comment-picture" src="../../imgs/index_head.PNG"
                                                             alt="图片加载失败!">
                                                        <%--<c:forEach items="${requestScope.userInfos1}" var="u1">--%>
                                                        <span id="h1">${a.name}</span>
                                                        <span>回复</span>
                                                        <span id="h2">${c.name} </span>
                                                        <%--</c:forEach>--%>
                                                        <%--<span class="comment-star layui-icon layui-icon-rate-solid"></span>--%>
                                                        <span class="comment-date">
                                                                                                                <fmt:formatDate value="${a.time}" pattern="yyyy-MM-dd　HH：mm"/>

                                                        </span><br>
                                                        <div class="comment-content">
                                                            <span>${a.content}</span>
                                                        </div>
                                                        <div class="comment-btns">
                                                            <div class="comment-btn">
                                                                <c:if test="${!empty sessionScope.userId}">
                                                                    <button type="button"
                                                                            class="layui-btn layui-btn-xs layui-btn-warm"
                                                                            id="as${a.id}" onclick="Pra(${a.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">点赞
                                                    </span>
                                                                    </button>

                                                                    <button type="button"
                                                                            class="layui-btn layui-btn-xs layui-btn-warm"
                                                                            id="as2${a.id}" style="display:none;" onclick1="Pra(${a.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">已点赞
                                                    </span>
                                                                    </button>
                                                                </c:if>
                                                                <c:if test="${empty sessionScope.userId}">
                                                                    <button type="button" class="layui-btn layui-btn-xs layui-btn-warm"
                                                                            id="cs2" onclick="onClick1(${a.id})" >

                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">点赞
                                                    </span>
                                                                    </button>
                                                                </c:if>


                                                                <span id="aspan${a.id}">
                                                        &nbsp;&nbsp;${a.counts}
                                                        </span>

                                                            </div>
                                                            <div class="comment-btn">
                                                                <button type="button"
                                                                        class="layui-btn layui-btn-xs layui-btn-warm">
                                            <span class="layui-icon layui-icon-reply-fill "
                                                  style="font-size: 12px" id="ping">评论</span>
                                                                </button>
                                                            </div>

                                                        </div>
                                                        <div style="margin-top:20px;"></div>
                                                    </c:forEach>



                                                </div>
                                                </c:if>
                                                <div class="input-group" style="margin-top:50px;">
                                                    <input type="text" class="form-control" placeholder="评论" id="ans"
                                                           value="${content}">
                                                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button" onclick="mits(${c.id})">提交
                        </button>
                    </span></div>
                                                    <%--回复--%>
                                            </div>


                                        </div>
                                    </c:forEach>
                                    <!-- 循环 -->
                                </div>
                                <!--总 -->
                                <!--好 -->
                                <div class="layui-tab-item">
                                    <!-- 循环 -->
                                    <c:forEach items="${requestScope.commentVoList}" var="c1">
                                        <c:if test="${c1.level==1}">
                                            <div class="comment-list">
                                                <img class="comment-picture" src="../../imgs/index_head.PNG" alt="图片加载失败!">
                                                <span class="name">${c1.name}</span>
                                                <span class="comment-star layui-icon layui-icon-rate-solid"></span>
                                                <span class="comment-star layui-icon layui-icon-rate-solid"></span>
                                                <span class="comment-star layui-icon layui-icon-rate-solid"></span>
                                                <span class="comment-star layui-icon layui-icon-rate-solid"></span>
                                                <span class="comment-star layui-icon layui-icon-rate-solid"></span>

                                                <span class="comment-date">
                                                                                                    <fmt:formatDate value="${c1.time}" pattern="yyyy-MM-dd　HH：mm"/>

                                                </span><br>
                                                <div class="comment-content">
                                                    <span>${c1.content}</span>
                                                </div>
                                                <div class="comment-btns">
                                                    <div class="comment-btn">
                                                        <c:if test="${!empty sessionScope.userId}">
                                                            <button type="button"
                                                                    class="layui-btn layui-btn-xs layui-btn-warm"
                                                                    id="cs${c1.id}" onclick="onClick(${c1.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">点赞
                                                    </span>
                                                            </button>

                                                            <button type="button"
                                                                    class="layui-btn layui-btn-xs layui-btn-warm"
                                                                    id="cs2${c1.id}" style="display:none;" onclick1="onClick(${c1.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">已点赞
                                                    </span>
                                                            </button>

                                                        </c:if>
                                                        <c:if test="${empty sessionScope.userId}">
                                                            <button type="button" class="layui-btn layui-btn-xs layui-btn-warm"
                                                                    id="cs2" onclick="onClick1(${c1.id})" >

                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">点赞
                                                    </span>
                                                            </button>
                                                        </c:if>
                                                        <span id="span${c1.id}">
                                                        &nbsp;&nbsp;${c1.counts}
                                                        </span>

                                                    </div>
                                                    <div class="comment-btn">
                                                        <button type="button" class="layui-btn layui-btn-xs layui-btn-warm">
                                            <span class="layui-icon layui-icon-reply-fill "
                                                  style="font-size: 12px">评论</span>
                                                        </button>
                                                    </div>
                                                </div>

                                            </div>
                                            <!-- 循环 -->
                                        </c:if>
                                    </c:forEach>
                                </div>

                                <!--好 -->
                                <!--中 -->
                                <div class="layui-tab-item">
                                    <!-- 循环 -->
                                    <c:forEach items="${requestScope.commentVoList}" var="c2">
                                        <c:if test="${c2.level==2}">
                                            <div class="comment-list">
                                                <img class="comment-picture" src="../../imgs/index_head.PNG" alt="图片加载失败!">
                                                <span class="name">${c2.name}</span>
                                                <span class="comment-star layui-icon layui-icon-rate-solid"></span>
                                                <span class="comment-star layui-icon layui-icon-rate-solid"></span>
                                                <span class="comment-star layui-icon layui-icon-rate-solid"></span>
                                                <span class="comment-date">
                                                                                                    <fmt:formatDate value="${c2.time}" pattern="yyyy-MM-dd　HH：mm"/>

                                                </span><br>
                                                <div class="comment-content">
                                                    <span>${c2.content}</span>
                                                </div>
                                                <div class="comment-btns">
                                                    <div class="comment-btn">
                                                        <c:if test="${!empty sessionScope.userId}">
                                                            <button type="button"
                                                                    class="layui-btn layui-btn-xs layui-btn-warm"
                                                                    id="cs1${c2.id}" onclick="onClick(${c2.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">点赞
                                                    </span>
                                                            </button>

                                                            <button type="button"
                                                                    class="layui-btn layui-btn-xs layui-btn-warm"
                                                                    id="cs2${c2.id}" style="display:none;" onclick1="onClick(${c2.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">已点赞
                                                    </span>
                                                            </button>
                                                        </c:if>
                                                        <c:if test="${empty sessionScope.userId}">
                                                            <button type="button" class="layui-btn layui-btn-xs layui-btn-warm"
                                                                    id="cs2" onclick="onClick1(${c2.id})" >

                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px" id="dian">点赞
                                                    </span>
                                                            </button>
                                                        </c:if>
                                                        <span id="span${c2.id}">
                                                        &nbsp;&nbsp;${c2.counts}
                                                        </span>

                                                    </div>
                                                    <div class="comment-btn">
                                                        <button type="button" class="layui-btn layui-btn-xs layui-btn-warm">
                                            <span class="layui-icon layui-icon-reply-fill "
                                                  style="font-size: 12px">评论</span>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 循环 -->
                                        </c:if>
                                    </c:forEach>
                                </div>
                                <!--中 -->

                                <!-- 差 -->
                                <div class="layui-tab-item">
                                    <!-- 循环 -->
                                    <c:forEach items="${requestScope.commentVoList}" var="c3">
                                        <c:if test="${c3.level==3}">
                                            <div class="comment-list">
                                                <img class="comment-picture" src="../../imgs/index_head.PNG" alt="图片加载失败!">
                                                <span class="name">${c3.name}</span>
                                                <span class="comment-star layui-icon layui-icon-rate-solid"></span>
                                                <span class="comment-date">
                                                                                                <fmt:formatDate value="${c3.time}" pattern="yyyy-MM-dd　HH：mm"/>

                                                </span><br>
                                                <div class="comment-content">
                                                    <span>${c3.content}</span>
                                                </div>
                                                <div class="comment-btns">
                                                    <div class="comment-btn">
                                                        <c:if test="${!empty sessionScope.userId}">
                                                            <button type="button"
                                                                    class="layui-btn layui-btn-xs layui-btn-warm"
                                                                    id="cs${c3.id}" onclick="onClick(${c3.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px" >点赞
                                                    </span>
                                                            </button>

                                                            <button type="button"
                                                                    class="layui-btn layui-btn-xs layui-btn-warm"
                                                                    id="cs2${c3.id}" style="display:none;" onclick1="onClick(${c2.id})">
                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">已点赞
                                                    </span>
                                                            </button>


                                                        </c:if>
                                                        <c:if test="${empty sessionScope.userId}">
                                                            <button type="button" class="layui-btn layui-btn-xs layui-btn-warm"
                                                                    id="cs2" onclick="onClick1(${c3.id})" >

                                                    <span class="layui-icon layui-icon-praise" style="font-size: 12px">点赞
                                                    </span>
                                                            </button>
                                                        </c:if>
                                                        <span id="span${c3.id}">
                                                        &nbsp;&nbsp;${c3.counts}
                                                        </span>
                                                    </div>
                                                    <div class="comment-btn">
                                                        <button type="button" class="layui-btn layui-btn-xs layui-btn-warm">
                                            <span class="layui-icon layui-icon-reply-fill "
                                                  style="font-size: 12px">评论</span>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 循环 -->
                                        </c:if>
                                    </c:forEach>
                                </div>
                                <!-- 差 -->


                            </div>
                        </div>
                    </div>
                </div>
                <%--&lt;%&ndash;============================================================================--%>
                <!-- 分页 - begin -->
                <%--<div style="text-align: center;">--%>
                    <%--<div id="test1"></div>--%>
                <%--</div>--%>
                <!-- 分页 - end -->
                <!-- 评论 - end -->
                <!-- 交易流程 - begin -->
                <div class="layui-tab-content" id="process">
                    <div class="detail-req-prcess" id="sDsetp03">
                        <h3 class="detail-process-a">
                            <i class="layui-icon layui-icon-note"></i>&nbsp;交易流程
                        </h3>
                        <div class="detail-process-b">
                            <p class="circle-blue fl">
                                <b>1.</b>&nbsp;发布服务
                            </p><br>
                            <span class="line-blue fl"></span>
                            <p class="circle-blue fl">
                                <b>2.</b>&nbsp;需求方预约
                            </p><br>
                            <span class="line-blue fl"></span>
                            <p class="circle-blue fl">
                                <b>3.</b>&nbsp;服务商接单开始服务
                            </p><br>
                            <span class="line-blue fl"></span>
                            <p class="circle-blue fl">
                                <b>4.</b>&nbsp;服务商提交验收
                            </p><br>
                            <span class="line-blue fl"></span>
                            <p class="circle-blue fl">
                                <b>5.</b>&nbsp;需求方验收付款
                            </p><br>
                        </div>
                        <p class="detail-process-c">
                            交易过程中资金全程托管在担保账户中，只有需求方验收合格后，平台才会打款给服务商；<br>
                            若交易过程中需求方对服务商不满意，需求方可以拒绝验收付款；如申请终止，需双方达成一致，平台会将托管资金将全额退还；
                        </p>
                        <p class="detail-process-d">
                            <i>注：服务商务必在完成时间后3天内提交验收，否则默认为服务商未完成需求，订单将自动关闭。</i><br>
                            <i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;服务商提交验收后，需求方7天内不作处理，订单默认验收合格，平台将自动打款给服务商。</i>
                        </p>
                    </div>
                </div>
                <!-- 交易流程 - end -->
            </div>
        </div>
    </div>
    <div class="qq-and-other-ser">
        <div class="contact">
            <a href="https://shang.qq.com/email/stop/email_stop.html?">
                <button class="layui-btn layui-btn-normal qq">
                    <span class="layui-icon layui-icon-login-qq"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span>QQ联系</span>
                </button>
            </a>
        </div>
        <!-- 其他服务 - begin -->
        <%--<div class="other-ser">--%>
            <%--<div class="other-ser-title">该服务者其他服务</div>--%>
            <%--<div>--%>
                <%--<div class="other-ser-pic"><a href="serviceDetail.jsp"><img alt="私人定制 个人写真 拍摄"--%>
                                                                            <%--src="../../imgs/hua.jpg"></a>--%>
                    <%--<div class="ser-price-box">--%>
                        <%--<span class="price">¥188.00</span><span style="font-size: 14px; color: #FF6600">/小时</span>--%>
                    <%--</div>--%>
                    <%--<div class="ser-title">--%>
                        <%--<a href="serviceDetail.jsp"> 私人定制 个人写真 拍摄</a>--%>
                    <%--</div>--%>
                    <%--<div class="ser-box-botton">--%>
                        <%--<div class="last-fl">3姐❤Elizabeth</div>--%>
                        <%--<div class="last-fr">南京市</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
            <%--</div>--%>
        <%--</div>--%>
        <!-- 其他服务 - end -->
    </div>
</div>
<span id="uName" style="display: none">${sessionScope.userInfo.name}</span>
<span id="cstime" style="display: none">${sessionScope.comtime}</span>
<%@ include file="../common/footer.jsp" %>

<script src="../../plugins/jquery/jquery.min.js"></script>
<script src="../../plugins/bootstrap/js/bootstrap.js"></script>
<script src="../../plugins/layui/layui.all.js"></script>
<script src="../../js/services/serviceDetail.js"></script>


<script>
    function mit(content) {
        var cm = document.getElementById("an").value;

        window.location = "${pageContext.request.contextPath}/services/addanswer?cm=" + cm;

    }
</script>
<script>

    function onClick(id) {        //点赞功能
        var sid = id;
        $("#cs"+sid+"").hide();
        $("#cs2"+sid+"").show();
        $.ajax({
            url: "${path}/praise",	// 请求后台方法。
            type: "get",	// 请求方式
            async: true, //异步
            data: {
                id: id

                //  传入数据
            },
            success: function (data) {


                    var a = parseInt($("#span" + id).text()) + 1;
                    $("#span" + id).text(a);
//                    var b = document.getElementById("gh1").innerHTML="已点赞";




            },
            error: function () {
                alert("网络错误，请重试 ！！");
            }
        });
    }





    function Pra(id) {
        var sid = id;
        $("#as"+sid+"").hide();
        $("#as2"+sid+"").show();
        $.ajax({
            url: "${path}/anpraise",	// 请求后台方法。
            type: "get",	// 请求方式
            data: {
                id: id
                //  传入数据
            },
            success: function (data) {
                var a = parseInt($("#aspan" + id).text()) + 1;

                $("#aspan" + id).text(a);


            },
            error: function () {
                alert("网络错误，请重试 ！！");
            }
        });
    }
</script>
<%--//评论的显示和隐藏--%>
<script>
    $(document).ready(function () {

        $("#xianshi").click(function () {
            $("#huifu").toggle();
        });
    });
</script>

<script>
    function change(e) {

        var sc = document.getElementById("sc");
        var ysc = document.getElementById("ysc");

        if (e == 1) {
            ysc.style.display = 'block';
            sc.style.display = 'none'
        } else if (e == 2) {
            sc.style.display = 'block';
            ysc.style.display = 'none'
        }
    }
</script>
<%--添加收藏--%>

<script>
    function Add(id) {

        alert("添加成功");
        $.ajax({
            //提交数据的类型 POST GET
            type: "GET",
            //提交的网址
            url: "/ser/seradd",
            //提交的数据
            data: {id: id},
            dataType: 'json',
            //参数格式为json
            // contentType: "application/json; charset=utf-8",
            //返回数据的格式
            // datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
            //成功返回之后调用的函数
            success: function () {
//                    alert("请求成功");
//                    window.location = '/collection/collection'
            },
            //调用出错执行的函数
            error: function () {
                //请求出错处理
//                    alert("请求失败");
            }
        })

    }

    //取消收藏
    function Del(id) {

        alert(id);
        $.ajax({
            //提交数据的类型 POST GET
            type: "GET",
            //提交的网址
            url: "/ser/colshou",
            //提交的数据
            data: {id: id},
            dataType: 'json',
            //参数格式为json
            // contentType: "application/json; charset=utf-8",
            //返回数据的格式
            // datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
            //成功返回之后调用的函数
            success: function () {
//                    alert("请求成功");
//                    window.location = '/collection/collection'
            },
            //调用出错执行的函数
            error: function () {
                //请求出错处理
//                    alert("请求失败");
            }
        })

    }
</script>

<script>
    function mits(id){

        var cm = document.getElementById("ans").value;
        var names = $("#uName").text();
        var sum = $("#h3").text();
        var atimes = $("#cstime").text();
        var count = 0;
//        var ids = document.getElementById("sd").text;
//        var date = new Date();
        <%--var name = document.getSelection().${sessionScope.useinfo.name};--%>
        $.ajax({
            url:"${path}/services/addanswer",	// 请求后台方法。
            type:"get",	// 请求方式
            async:true, //异步
            data:{
                cm:cm
            },
            success:function(data){

                $("#huifu").append( "<div class='comment-list'>" +
                    " <img class='comment-picture' src='../../imgs/index_head.PNG' alt='图片加载失败!'>" +
                    "<span class='name'>"+names+"&nbsp;&nbsp;回复&nbsp;&nbsp;"+sum+"</span>" +
//                    "<span class='comment-star layui-icon layui-icon-rate-solid'></span>" +
                    "<span class='comment-date'>"+atimes+"</span><br>" +
                    "<div class='comment-content'>" +
                    "<span>"+cm+"</span>" +
                    "</div>" +
                    "<div class='comment-btns'>" +
                    "<div class='comment-btn'>" +
                    "<button type='button' class='layui-btn layui-btn-xs layui-btn-warm'>" +
                    " <span class='layui-icon layui-icon-praise' style='font-size: 12px'>点赞</span>" +
                    " </button>" +
                    " <span> &nbsp;&nbsp;"+0+"</span>" +
                    " </div>" +
                    "<div class='comment-btn'>" +
                    "<button type='button' class='layui-btn layui-btn-xs layui-btn-warm'>" +
                    "<span class='layui-icon layui-icon-reply-fill 'style='font-size: 12px'>评论</span>" +
                    "</button>" +
                    "</div>" +
                    "</div>" +
                    "</div>");

            },
            error:function(){
                alert("网络错误，请重试 ！！");
            }
        });

    }
</script>
</body>

</html>